@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

.wrap,
body,
html {
    width: 100%;
    height: 100%;
    font-size: 62.5%;
    margin: 0 auto;

}
body {
    max-width: 768px;
}

.wrap {
    color: #fff;
    background: #6accd5;
    overflow: hidden;
}

.header {
    .back {
        float: left;
        width: 2.7rem;
        margin: 1rem 0 0 1.8rem;
        img {
            width: 100%;
        }
    }
}

.main {
    padding: 2rem 4.6rem 0;
    clear: both;
    font-family: "Hiragino Sans GB";

    .logo {
        margin: 0 auto;
        text-align: center;
        width: 9rem;
        img {
            width: 100%;
        }
    }
    p {
        margin-top: 6rem;
        line-height: 1.8;
        font-size: 1.5rem;
    }
}

.footer {
    padding: 9rem 5.5rem;
    font-family: "Adobe Heiti Std";
    font-size: 1.2rem;
    overflow: hidden;
    .icon {
        width: 7rem;
        height: 6.5rem;
        text-align: center;
        img {
            width: 4rem;
            margin: 0 auto;
            vertical-align: middle;
        }
        span {
            display: block;
            margin-top: 1rem;
        }

    }
    .icon-friend {
        float: left;
    }
    .icon-PTTeng {
        float: right;
    }
}
